<div class='smallBox'>
	<a id="helplink-{$id}">{$title}</a><br />
	<span class='excerpt'>{$excerpt}</span>
</div>
<script type="text/javascript">
$('a#helplink-{$id}').qtip(
	{
		content: {
			title: {
				text: '{$title}',
				button: 'X'
			},
			text: '{$content_javascript_safe}'
		},
		position: {
			target: $("body"),
			corner: 'center'
		},
		show: {
			when: 'click',
			solo: true
		},
		hide: false,
		style: {
			width: { max: 550 },
			padding: '14px',
			border: {
				width: 9,
				radius: 9,
				color: '#666666'
			},
			name: 'light'
		},
		api: {
			beforeShow: function()
			{
				$('#qtip-blanket').fadeIn(this.options.show.effect.length);
			},
			beforeHide: function()
			{
				$('#qtip-blanket').fadeOut(this.options.hide.effect.length);
			}
		}
	});
</script>